<div class="swiper-container" style="height:10em">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
               <a class="img-box" th:href="@{/live/turingphone2015}"> <img th:src="@{/src/img/live/turingphone2015/turingbanner.png}" /> </a>
        </div>
        
        <div class="swiper-slide">
              <a class="img-box" th:href="@{/live/tcshanghai2015}"> <img th:src="@{/src/img/live/tcshanghai2015/tcbanner.png}" /> </a>
        </div>

        <div class="swiper-slide">
              <a class="img-box" th:href="@{/live/cesasia2015}"> <img th:src="@{/src/img/live/cesasia2015/cesasia2015.png}" /> </a>
        </div>

        <div class="swiper-slide" th:each="evaluation:${hotEvaluationList}"
                                th:object="${evaluation}">
              <a class="img-box"  th:href="@{*{'/post/view/'+id}}"> <img
                                    src="img/loading.gif" th:src="@{/src/img/loading.gif}" data-url="http://placehold.it/1200x336"
                                    th:attr="data-url=*{snapshot?.original}" />
              </a>
        </div>
    </div>
    <div class="swiper-pagination"></div>
</div>


